.nav {
  background-color: #fff;
  height: 0.83rem;
  width: 100vw;
  position: fixed;
  left:0;
   bottom: 0;
  display: flex;
  font-size: 16px;
  z-index: 999;
}
.nav a {
  display: inline-block;
  flex: 1;
  height: 100%;
  line-height: 1.2rem;
  text-align: center;
}
.nav a:nth-of-type(1) {
  background: url('../img/iconnavhomeunselected.png') no-repeat center 0.05rem;
}
.nav a:nth-of-type(2) {
  background: url('../img/iconnavclassifyunselected.png') no-repeat center 0.05rem;
}
.nav a:nth-of-type(3) {
  background: url('../img/iconnavshoppingcartunselected.png') no-repeat center 0.05rem;
}
.nav a:nth-of-type(4) {
  background: url('../img/iconnavuserunselected.png') no-repeat center 0.05rem;
}
.color {
  color: #FF6040;
}
.nav .bg1 {
  background: url('../img/iconnavhomeselected.png') no-repeat center 0.05rem !important;
}
.nav .bg2 {
  background: url('../img/iconnavclassifyselected.png') no-repeat center 0.05rem !important;
}
.nav .bg3 {
  background: url('../img/iconnavshoppingcartselected.png') no-repeat center 0.05rem !important;
}
.nav .bg4 {
  background: url('../img/iconnavuserselected.png') no-repeat center 0.05rem !important;
}
